﻿<%
	String contextPath = request.getContextPath();
%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="author" content="" />
	<title>Mobily UGC</title>
	<link rel="stylesheet" type="text/css" href="<%=contextPath %>/css/main.css" />
	<script src="<%=contextPath %>/js/main.js" type="text/javascript"></script>
	</head>
	<body>
    
	<div id="main">
     
    <jsp:include page="../header.jsp"></jsp:include>  
     
     <div class="main">
          <div class="height1">&nbsp;</div>
          
          <div class="w290 fl mb10">
             <div class="nav_box mb10">
                     <div class="nav_box2_t">
                       <div class="nav2_t_m">
                           <div class="nav_title1">
                           <font class="fot2">Category</font>
                           </div>
                       </div>
                       <div class="nav2_t_l"></div>
                       <div class="nav2_t_r"></div>
                   </div>
                   
                   <div class="nav_box2_m">
                      <div class="box_type">
                          <ul>
                             <li class="on"><a href="#">All</a></li>
                             <li><a href="#">Star</a></li>
                             <li><a href="#">Cartoon</a></li>
                             <li><a href="#">Movie&amp;TV</a></li>
                             <li><a href="#">Scenic</a></li>
                             <li><a href="#">Popularity</a></li>
                             <li><a href="#">Luxury Cars</a></li>
                             <li><a href="#">Military Weapons</a></li>
                             <li><a href="#">Funny</a></li>
                             <li><a href="#">Animail&amp;Plant</a></li>
                             <li><a href="#">Sports</a></li>
                             <li><a href="#">Games</a></li>
                             <li><a href="#">Elites</a></li>
                             <li><a href="#">Art Collection</a></li>
                          </ul>
                          
                          <div class="nofloat"></div>
                      </div>
                      </div>       
                        
                   <div class="nav_box2_b">
                       <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                       <div class="nav2_b_l"></div>
                       <div class="nav2_b_r"></div>
                   </div>
               
                 </div>
                 
                 <div class="nav_box mb10">
                     <div class="nav_box2_t">
                       <div class="nav2_t_m">
                           <div class="nav_title1"><span class="fr"><a href="#"><img src="<%=contextPath %>/images/icon_rss.gif" width="16" height="17" class="icon_rss" /></a></span>
                           <font class="fot2">Top Picture</font>
                           </div>
                       </div>
                       <div class="nav2_t_l"></div>
                       <div class="nav2_t_r"></div>
                   </div>
                   
                   <div class="nav_box2_m">
                      <div class="pic_box2">
                         <ul>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu1.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu2.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Michael Jackson's This Is It</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu3.jpg" height="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu4.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Tinker Bell and the LostTinker Bell and the Lost</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu1.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Tinker Bell and the LostTinker Bell and</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                             <li>
                                <div class="img_box1"><p><a href="#"><img src="<%=contextPath %>/img/pic_tu2.jpg" width="94" /></a></p></div>
                                <div class="box_r">
                                    <h3 class="title_h3"><a href="#">Michael Jackson's This Is It</a></h3>
                                    <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                                    <div class="tatol"><span class="sp1">11,580</span><span class="sp2">980</span></div>  
                                </div>                             
                             </li>
                         </ul>
                         
                         <div class="nofloat"></div>
                      </div>
                   </div>                   
                   
                        
                   <div class="nav_box2_b">
                       <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                       <div class="nav2_b_l"></div>
                       <div class="nav2_b_r"></div>
                   </div>
               
                 </div>
                 
          </div>  
          
          <div class="w700 fr">                 
                <div class="nav_box mb10">
                     <div class="nav_box3_t">
                       <div class="nav3_t_m">
                           <div class="nav_title2">
                           <b>Browse By:</b> <a class="on">Most Play</a>  |  <a href="#">Most  Recent</a>  |  <a href="#">Most Rate</a>
                           </div>
                       </div>
                       <div class="nav3_t_l"></div>
                       <div class="nav3_t_r"></div>
                   </div>
                   
                   <div class="nav_box">
                       <div class="pic_box1">
                           <ul>
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu1.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Monsters vs. Aliens</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu2.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Poker Face - Lady Gaga</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu3.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Heartless - Kane West</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu4.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Puzzle Express Badge Winter Wonderland</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu3.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu1.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Poker Face - Lady Gaga</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu4.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Heartless - Kane West</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu2.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Puzzle Express Badge Winter Wonderland</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>    
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu1.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Monsters vs. Aliens</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu2.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Poker Face - Lady Gaga</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu3.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Heartless - Kane West</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="pic_detail.jsp"><img src="<%=contextPath %>/img/pic_tu4.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="pic_detail.jsp">Puzzle Express Badge Winter Wonderland</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu3.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu1.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Poker Face - Lady Gaga</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu4.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Heartless - Kane West</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu2.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Puzzle Express Badge Winter Wonderland</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu3.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Monsters vs. Aliens</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li> 
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu1.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Poker Face - Lady Gaga</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu4.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Heartless - Kane West</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>
                               <li>
                                  <div class="img_box1"><a href="#"><img src="<%=contextPath %>/img/pic_tu2.jpg" /></a></div>
                               	  <h3 class="title_h3"><a href="#">Puzzle Express Badge Winter Wonderland</a></h3>
                               	  <div class="grade"><span class="grade_empty"><span class="grade_full grade_4"></span></span><span class="grade_text">4.4</span></div>
                              	  <div class="tatol"><span class="sp3">11,580</span><span class="sp2">980</span></div>
                               </li>                      
                           </ul>
                           <div class="nofloat"></div>
                           
                        </div>           
                       
                       <div  class="next">                        	
                        	<ul>
                            	<li><a href="#" class="a_prev"><font class="fot6">Prev</font></a></li>
                            	<li><a href="#" class="next_on">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">...</a></li>
                                <li><a href="#">5</a></li>
                                <li> <a href="#" class="a_next"><font  class="fot6">Next</font></a></li>   
                            </ul>                           
                        </div>
                        
                   </div>
                        
               
                 </div>
                                  
          </div>
                 
          
          <div class="nofloat"></div>
          
    </div>



	<jsp:include page="../footer.jsp"></jsp:include>

</div>

</body>
</html>


